<template>
	<view class="content">
		<tabsTop tabName="储值卡-使用指南"></tabsTop>
		<view class="bg-white" style="min-height: 578px;">
			<!-- 图标 -->
			<view class="fixed-element bg-white">
				<view class="icon-tab-container p-2 m-2">
					<image class="icon rounded-circle" :src="Domain_ICON+'/sponsor.jpg'" mode="aspectFit"></image>
					<text class="tab-text">小康龙江</text>
				</view>
			</view>
			<!-- 使用帮助 -->
			<view style="margin-top: 55px;">
				<view class="m-3 pb-4" style="font-size: 18px;border-bottom: 1px solid #e5e5e5;">使用帮助</view>
				<!-- 问题 -->
				<view v-for="(item,index) in issue" :key="index" class="p-3">
					<view class="text mb-2">{{item.question}}</view>
					<view class="answer">{{item.answer}}</view>
				</view>
			</view>
		</view>
		<!-- 底部赞助信息 -->
		<botSponsor></botSponsor>
	</view>
</template>

<script>
	const app = getApp();
	import tabsTop from "@/components/tabs/tabs-top.vue";
	import botSponsor from "@/components/botsponsor/sponsor.vue"
	export default {
		components: { //轮播图组件
			tabsTop,
			botSponsor // 底部赞助商
		},
		data() {
			return {
				Domain_ICON: app.globalData.Domain_ICON,
				issue: [{
						question: '什么是储值卡？',
						answer: '您开通储值卡业务后，可进行储值卡充值，储值卡余额可在商家指定的店铺消费使用。'
					},
					{
						question: '开通储值卡业务有哪些好处？',
						answer: '储值卡充值有机会获得充赠好礼，如储值卡赠送金、优惠券、积分、会员卡，具体以充值中心显示的充值规则为准。'
					},
					{
						question: '如何充值？',
						answer: '在个人中心，点击“余额”进入储值功能，选择“充值”进入充值页面，您可选择商家设置好的充值规则，或输入自定义金额进行充值，页面会展示可获得的充值礼包，充值成功后自动发放至您的账户。'
					},
					{
						question: '如何使用储值卡消费？',
						answer: '线上购物时，在“确认订单页”会自动勾选储值卡支付，并且支持同微信、支付宝、银行卡一起支付（部分商品不支持，请根据页面的提示进行支付）。'
					},
					{
						question: '储值卡余额支持提现吗？',
						answer: '目前暂不支持卡内余额提现，您可在店铺内使用余额进行消费。'
					},
				]
			}
		},
		onReady() {

		},
		onLoad(options) {
			const balance = decodeURIComponent(options.balance)
			this.balance = balance
		},
		methods: {
			goBalance() {
				uni.navigateTo({
					url: "/pages/my/balance",
				})
			},
		}
	}
</script>

<style>
	.fixed-element {
		position: fixed;
		top: 63px;
		left: 0;
		width: 100%;
		z-index: 999;
	}

	.text {
		font-size: 14px;
		color: #323233;
	}

	.icon-tab-container {
		display: flex;
		align-items: center;
	}


	.tab-text {
		margin-left: 10px;
		font-size: 10px;
		font-weight: bold;
	}

	image {
		width: 20px;
		height: 20px;
	}

	.answer {
		font-size: 11px;
		line-height: 20px;
		color: #7d7e80;
	}

	.customer {
		position: absolute;
		bottom: 40px;
		left: 0;
		right: 0;
		text-align: center;
		color: #4ca8f3;
		font-size: 13px;
	}
</style>